<!-- 我的主页-关注 -->
<template>
  <div class="follow-wrap">
    <a-tabs lazy-load :default-active-key="1">
      <a-tab-pane :key="1" title="我关注的人">
        <a-list :bordered="false">
          <a-list-item v-for="idx in 4" :key="idx">
            <a-list-item-meta title="Beijing Bytedance Technology Co., Ltd.">
              <template #description>
                <a-space>
                  <span>领壹制造</span>
                  <span>|</span>
                  <span>销售主管</span>
                </a-space>
              </template>
              <template #avatar>
                <a-avatar shape="square">
                  <img
                    alt="avatar"
                    src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
                  />
                </a-avatar>
              </template>
            </a-list-item-meta>
            <template #actions>
              <a-button>已关注</a-button>
              <a-button>互相关注</a-button>
            </template>
          </a-list-item>
        </a-list>
      </a-tab-pane>
      <a-tab-pane :key="2" title="关注我的人">
        <a-list :bordered="false">
          <a-list-item v-for="idx in 4" :key="idx">
            <a-list-item-meta title="Beijing Bytedance Technology Co., Ltd.">
              <template #description>
                <a-space>
                  <span>领壹制造</span>
                  <span>|</span>
                  <span>销售主管</span>
                </a-space>
              </template>
              <template #avatar>
                <a-avatar shape="square">
                  <img
                    alt="avatar"
                    src="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
                  />
                </a-avatar>
              </template>
            </a-list-item-meta>
            <template #actions>
              <a-button type="primary">回关</a-button>
              <a-button>互相关注</a-button>
            </template>
          </a-list-item>
        </a-list>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script setup lang="ts">
const router = useRouter();
</script>
<style lang="less" scoped>
.wrap {
}
</style>
